import React, { Component } from 'react'
import { Switch } from 'antd-mobile';
import { MapConsumer } from '../../../context/MapContext'

export default class More extends Component {

  // constructor() {
  //   super();
  //   this.state = {
  //     showMap: true
  //   }
  // }

  // handleChange() {
  //   // this.setState({
  //   //   showMap: !this.state.showMap
  //   // })
  //   this.setState((preState)=>{
  //     return {
  //       showMap:!preState.showMap
  //     }
  //   })
  // }

  render() {
    return (
      <div>
        <MapConsumer>
          {
            ({ showMap, changeMap }) => {
              return (
                <Switch
                  checked={showMap}
                  onChange={() => {
                    changeMap()
                  }}
                ></Switch>
              )
            }
          }
        </MapConsumer>

      </div>
    )
  }
}
